import React, { Component } from 'react';
// import { Icon } from 'antd-mobile';

import './SearchItem.scss'

class SearchItem extends Component {
	render() {
    let data = this.props.data
		return (
			<div className="search-item">
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1531075029915&di=b861f0ba138fb0b5f4300c8a3f46501a&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F5%2F584f67ca38f9f.jpg" alt=""></img>
        <div className="product-title no-wrap">
          {data.title || '净水器家用直饮厨房净水机不锈钢台式过滤器'}
        </div>
        <div className='money-group flex align-iteml-baseline space-around y-center'>
          <div className="money">
            <span className="old-price">￥{data.totalMoney}</span>
            <span className="money-detail">￥{data.totalMoney}</span>
            <div>
              <a href="#/detail"  className="btn-1">
                购买
              </a>
            </div>
          </div>
          <div className="line"></div>
          <div className="money">
            <span className="old-price">￥{data.totalMoney}</span>
            <span className="money-detail">￥{data.monthMoney}/月</span>
            <div>
              <a href="#/rent"  className="btn-1">
                租赁
              </a>
            </div>
          </div>
        </div>
			</div>
		);
	}
}

export default SearchItem;